@media (max-width: 750px){
	.hidden-xs{
		display: none!important;
	}
}
@media (max-width: 969px) and (min-width:750px){
	.hidden-sm{
		display: none!important;
	}
}

@media (min-width: 320px){
	.container{
		max-width: 320px;
	}
	.container .col-xs-12{
		width:100%;
	}
}

@media (min-width: 510px){
	.container{
		max-width: 510px;
	}
	.container .col-xs-12{
		width:100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 768px){
	.container{
		max-width: 768px;
	}
	.container .col-sm-6{
		width:50%;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 992px){
	.container{
		max-width: 992px;
	}
	.container .col-md-9{
		width:75%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.container .col-md-3{
		width:25%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.container .col-md-4{
		width:33.33333333%;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 1100px){
	.container{
		max-width: 1100px;
	}
	.container .col-md-9{
		width:75%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.container .col-md-3{
		width:25%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.container .col-md-4{
		width:33.33333333%;
		padding-left: 15px;
		padding-right: 15px;
	}

}